.home{
    box-sizing: border-box;
    .head{
        width: 100%;
        font-size: 16px;
        background-color: rgba(224, 230, 236, 0.699);
        height: 60px;
        text-align: center;
        .head_title{
            padding-top: 5px;
            
        }
        .head_input{
             box-sizing: border-box;
            text-align: center;
            margin-top: 10px;
            width: 99%;
            height: 20px;
            font-size: 12px;
            
        }
    }
    .container{
        margin-bottom: 35px;//预留出位置不让tab给挡住了
        overflow-y: scroll;
        .msItem{
            position: relative;
            height: 1.6rem;
            padding-left: 10px;
            padding-top: 0.18rem;
            img{
                width: 1.23rem;
                height: 1.23rem;
                border-radius: 5px;
            }
            .name{
                margin-left: 10px;
                position: absolute;
                top:0.18rem;
                font-size: 15px;
            }
            .date{
                position: absolute;
                top: 0.18rem;
                right: 10px;
                color: #a3a2a2;
            }
            .message{
                position: relative;
                bottom: 10px;
                left: 10px;
                font-size: 12px;
                color: #a3a2a2;
            }
            .num{
                display: block;
                font-size: 12px;
                width: 16px;
                height: 16px;
                background-color: red;
                border-radius: 50%;
                text-align: center;
                line-height: 16px;
                color: white;
                position: absolute;
                top: 3px;
                left: 50px;
            }
        }
       
        .active{
            background-color: rgb(228, 235, 235);
        }
    }
   
}